<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>员工信息列表</title>
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
	<link href="/deng/source/plugins/newAdmin/bootstrap/4.0.0/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
	<style>
		#deletedUserinfoDatatables{width:100%!important}
		#userRoleDatatables{width:100%!important}
		.modal-lg {
			max-width: 100%;
			/*width: 95%;*/
			max-width: none;
		}
	</style>
</head>
<body>
	<div class="m-content jehc-content-1">
		<div class="m-portlet">
			<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<h3 class="m-portlet__head-text">
							<span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
						</h3>
					</div>
				</div>
			</div>
			<!--begin::Form-->
			<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="POST" id="searchForm" onsubmit="search('datatables');return false;">
				<div class="m-portlet__body">	
					<div class="form-group m-form__group row">
						<label class="col-form-label">隶属部门:</label>
						<div class="col-lg-2">
							<input type="text" class="form-control" name="xt_departinfo_name" placeholder="请输入">
						</div>
						<label class="col-form-label">岗位:</label>
						<div class="col-lg-2">
							<input type="text" class="form-control" name="xt_post_name" placeholder="请输入">
						</div>
						<label class="col-form-label">姓名:</label>
						<div class="col-lg-2">
							<input type="text" class="form-control" name="xt_userinfo_name" placeholder="请输入">
						</div>
						<label class="col-form-label">账号:</label>
						<div class="col-lg-2">
							<input type="text" class="form-control" name="xt_userinfo_name" placeholder="请输入">
						</div>
						<a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
							<span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
						</a>
						<a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
							<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
						</a>
					</div>	
	            </div>
	            <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
					<div class="m-form__actions m-form__actions--solid">
						<div class="row">
							<div class="col m--align-left">
								<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-success" href="javascript:toXtUserinfoAdd()">
									<span><i class="la la-plus la-lg"></i><span>新增</span></span>
								</a>
								<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-primary" href="javascript:toXtUserinfoUpdate()">
									<span><i class="fa fa-magic fa-lg"></i><span>修改</span></span>
								</a>
								<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-danger m-btn--bolder m-btn--uppercase" href="javascript:delXtUserinfo()">
									<span><i class="fa fa-times"></i><span>禁用</span></span>
								</a>
								<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-accent" href="javascript:initListDeleted()">
									<span><i class="fa fa-history fa-lg"></i><span>找回用户</span></span>
								</a>
							</div>
							<div class="col m--align-right">
								<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-info m-btn--bolder" href="javascript:syncOauth()">
									<span><i class="la la-arrow-right la-lg"></i><span>同步至授权中心</span></span>
								</a>
								<a class="btn btn-light-warning font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" href="javascript:search('datatables')">
									<span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷 新</span></span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</form>
			<!--end::Form-->
		</div>
		<table id="datatables" class="table table-bordered table-striped table-hover">
			<thead>
				<tr>
					<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
					<th>序号</th>
					<th>账号</th>
					<th>姓名</th>
					<th>联系电话</th>
					<th>状态</th>
					<th>性别</th>
					<th>籍贯</th>
					<th>生日</th>
					<th>电子邮件</th>
					<th>操作</th>
				</tr>
			</thead>
		</table>
	</div>
</body>
<!-- 已废除用户模态框（Modal）开始 -->
<div class="modal fade" id="deletedUserinfoSelectModal" tabindex="-1" role="dialog" aria-labelledby="deletedUserinfoModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg modal-dialog-centered" id="UserinfoModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="deletedUserinfoModalLabel">
					待找回用户
				</h4>
			</div>
			<div class="modal-body" id="deletedUserinfoBody" style="overflow:auto;">
				<div class="panel panel-default">
					<div class="portlet box green" style="margin-bottom: 5px;">
				        <div class="portlet-body form">
				        	<form method="POST" id="searchFormDeletedUserinfo" style="padding: 5px 5px 5px 5px;">
								<div class="form-group m-form__group row">
									<label class="col-form-label">隶属部门</label>
									<div class="col-md-2">
										<input type="text" class="form-control" name="xt_departinfo_name" placeholder="请输入">
									</div>
									<label class="col-form-label">岗位</label>
									<div class="col-md-2">
										<input type="text" class="form-control" name="xt_post_name" placeholder="请输入">
									</div>
									<label class="col-form-label">姓名</label>
									<div class="col-md-2">
										<input type="text" class="form-control" name="xt_userinfo_realName" placeholder="请输入">
									</div>
									<label class="col-form-label">账号</label>
									<div class="col-md-2">
										<input type="text" class="form-control" name="xt_userinfo_name" placeholder="请输入">
									</div>
									<a href="javascript:search('deletedUserinfoDatatables')" class="btn btn-light-primary font-weight-bold mr-2">
										<span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
									</a>
									<a href="javascript:resetAll('searchFormDeletedUserinfo');" class="btn btn-light-success font-weight-bold mr-2">
										<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
									</a>
								</div>
							</form>
				        </div>
				    </div>
				</div>
				<table id="deletedUserinfoDatatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap;">
					<thead>
						<tr>
							<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallDeletedUserinfo" /><span></span></label></th>
							<th>序号</th>
							<th>账号</th>
							<th>姓名</th>
							<th>联系电话</th>
							<th>籍贯</th>
							<th>生日</th>
							<th>电子邮件</th>
						</tr>
					</thead>
				</table>
			</div>
			<div class="modal-footer">
                <button type="button" class="btn btn-light-primary font-weight-bold mr-2" data-dismiss="modal">取 消</button>
                <button type="button" class="btn btn-light-success font-weight-bold mr-2" onclick="recoverXtUserinfo();">恢复用户</button>
            </div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 已废除用户模态框（Modal）结束 -->



                            
<!-- 已拥有权限模态框（Modal）开始 -->
<div class="modal fade" id="userRoleModal" tabindex="-1" role="dialog" aria-labelledby="userRoleModalLabel">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
            	 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myLargeModalLabel">角色列表</h4>
            </div>
            <div class="modal-body">
                <div class="panel-body">
					<form method="POST" id="searchFormRole" style="display:none;"></form>
					<table id="userRoleDatatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap;">
						<thead>
							<tr>
								<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallUserRole" /><span></span></label></th>
								<th>序号</th>
								<th>角色名称</th>
							</tr>
						</thead>
					</table>
				</div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!-- 已拥有权限用户模态框（Modal）结束 -->


<!-- 已拥有权限模态框（Modal）开始 -->
<div class="modal fade" id="oauthModal" tabindex="-1" role="dialog" aria-labelledby="oauthModalLabel">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-header">
				<!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>-->
				<h4 class="modal-title" id="oauthModalLabel">同步至授权中心</h4>
			</div>
			<div class="modal-body">
				<div class="panel-body">
					<form method="POST" id="searchFormOauth">
						<div class="form-group m-form__group row">
							<label class="m-checkbox">
								<input type="hidden" id="sync" name="sync" value="0">
								<input type="checkbox" onclick="checkSync()" id="syncType" name="syncType">
								同步账户类型
								<span></span>
							</label>
						</div>
						<div class="form-group m-form__group row">
							<div class="col-lg-12">
								<select id="account_type_idTemp" class="form-control" disabled = "disabled"  multiple="multiple">
								</select>
							</div>
						</div>
						<div class="form-group m-form__group row" style="display: none;" id="account_type_id_sync">
							<div class="col-lg-12">
								<input type="text" style="display: none;" name="account_type_id" id="account_type_id">
								<select class="form-control"  id="account_type_ids"  multiple="multiple">
								</select>
							</div>
						</div>
					</form>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-light-primary font-weight-bold mr-2" data-dismiss="modal">取 消</button>
				<button type="button" class="btn btn-light-success font-weight-bold mr-2" onclick="doSyncOauth();">开始同步</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div>
<!-- 已拥有权限用户模态框（Modal）结束 -->
<script type="text/javascript" src="/deng/include/include.js"></script>
<script src="/deng/source/plugins/newAdmin/bootstrap/4.0.0/plugins/select2/js/select2.min.js"></script>
<script type="text/javascript" src="/deng/view/sys/xt-userinfo/xt-userinfo-list.js"></script>

<style>
	.select2-container--default .select2-selection--multiple .select2-selection__rendered {
		box-sizing: border-box;
		list-style: none;
		margin: 0;
		padding: 5px 5px;
		width: 100%;
	}
</style>
</html>
